<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //   需求一：实现一个选项卡： 随便写
        //   需求二：实现多个选项卡 （功能一致） ：函数封装
        //   需求三：第一个选项卡实现下一张功能 （要实现共性问题里的特性问题）：通过参数判断
        //   需求四：第二个选项卡实现轮播功能（要实现共性问题里的特性问题）：通过参数判断
        // 思考 ：如果有很多个选项卡 ，每个选项卡都有共性问题 也有特性问题??通过判断解决好不好？？？
        // 我们可以这样思考 ：把共性问题 提取（抽象出来） 特性问题交个每个对象自己处理
        // 把共性问题封装 ，特性问题不封装





    </script>
</body>
</html>